export default {
  // 为当前模块开启命名空间
  namespaced: true,
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]'),
    // 收藏商品    { goods_id, goods_name, goods_price,goods_small_logo}
    collectionCat: JSON.parse(uni.getStorageSync('collectionCat') || '[]'),
    // 购买的商品订单  { goods_id, goods_name, goods_price, goods_count, goods_small_logo}
    payGoods: JSON.parse(uni.getStorageSync('payGoods') || '[]'),
  }),
  mutations: {
    // 添加购买商品订单信息
    addPayCart(state, OrderGoods) {
      // 根据提交的商品ID，查询购物车是否存在这件商品   find找不到为Undefined
      // const findResult = state.payGoods.find(x => x.goods_id == goods.goods_id)
      // if (!findResult) {
      //   state.payGoods.push(goods)
      // } else {
      //   findResult.goods_count++
      // }
        state.payGoods.push(OrderGoods)
      this.commit('m_cart/savePayStorage')
    },
    // 将购买商品的数据持久化存储到本地
    savePayStorage(state) {
      uni.setStorageSync('payGoods', JSON.stringify(state.payGoods))
    },
    
    // 添加收藏商品信息
    addCollectionCart(state, goods) {
      // 根据提交的商品ID，查询购物车是否存在这件商品   find找不到为Undefined
      const findResult = state.collectionCat.find(x => x.goods_id == goods.goods_id)
      if (!findResult) {
        state.collectionCat.push(goods)
      } else {
        findResult.goods_count++
      }
      this.commit('m_cart/saveCollectionStorage')
    },
    // 根据id 删除收藏商品信息
    removeCollectionCart(state, goods_id) {
      // 调用数组的 filter 方法进行过滤
      state.collectionCat = state.collectionCat.filter(x => x.goods_id !== goods_id)
      this.commit('m_cart/saveCollectionStorage')
    },
    // 将收藏中的数据持久化存储到本地
    saveCollectionStorage(state) {
      uni.setStorageSync('collectionCat', JSON.stringify(state.collectionCat))
    },
    // 添加购物车商品信息
    addToCart(state, goods) {
      // 根据提交的商品ID，查询购物车是否存在这件商品   find找不到为Undefined
      const findResult = state.cart.find(x => x.goods_id == goods.goods_id)
      if (!findResult) {
        state.cart.push(goods)
      } else {
        findResult.goods_count++
      }
      this.commit('m_cart/saveToStorage')
    },
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 更新购物车中商品的选择状态
    updateGoodsState(state, goods) {
      // 根据 goods_id查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      // 有对应的商品信息对象
      if (findResult) {
        // 更新勾选状态
        findResult.goods_state = goods.goods_state
        // 数据持久化
        this.commit('m_cart/saveToStorage')
      }
    },
    // 更新购物车中的数量
    updateGoodsCount(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        // 更新对应商品的数量
        findResult.goods_count = goods.goods_count
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    // 根据 Id 从购物车中删除对应的商品信息
    removeGoodsById(state, goods_id) {
      // 调用数组的 filter 方法进行过滤
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    },
    // 全选 取消全选
    updateAllGoodsState(state, newState) {
      // 全选
      state.cart.forEach(x => x.goods_state = newState)
      this.commit('m_cart/saveToStorage')
    }
  },
  getters: {
    // 统计购物车中商品的总数量
    total(state) {
      let sum = 0
      // 循环统计商品的数量，累加到变量 sum 中
      state.cart.forEach(goods => sum += goods.goods_count)
      return sum
    },
    // 勾选的商品的总数量
    checkedCount(state) {
      // 先把勾选的过滤出来   再用reduce进行累加   total初始值为0
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 勾选商品的总价格
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price,
        0).toFixed(2)
    },
    // 还未购买的商品
    payGoods(state) {
      return state.cart.filter(x => !x.goods_pay)
    },
    // 订单列表
    payGoodsShow(state){
      // 得到historyList翻转后的数组,且不改变historyList数组
      return [...state.payGoods].reverse()
    }
  }
}
